<template>
    <div class="default-box">
        <div class="box-title">
            <div class="vertical-line vertical-line-black" />
            <span class="title-span">招生计划</span>
        </div>
        <div>
            <div class="content">
                <Filter :list="provinces" title="省份" :selectList='selectList' />
                <Filter :list="schoolYear" title="年份" :selectList='selectList' />
                <Filter :list="subject" title="科目" :selectList='selectList' />
            </div>
        </div>
        <div>
            <div class="content">
                <span class="title-table">北京大学2020年在山东综合招生专业录取分数线统计表</span>
                <ScoreTable :columns="scoreLineColumns" />
            </div>
        </div>
    </div>
</template>
  
<script lang="ts" setup>
import Filter from '@/components/filter/index.vue'
import { provinces, schoolYear, subject } from '@/components/universityNavList/data'
import { ref } from 'vue'
import ScoreTable from '@/components/universityDetail/scoreTable/index.vue'
import { scoreLineColumns } from '@/components/universityDetail/data'

const selectList = ref<string[]>(['全部','不限'])
</script>
  
<style lang="less" scoped>
@import "./index.less";

</style>
  